<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>GXS File Transfer Portal</title>
</h:head>
<h:body>

	<h:form prependId="false">

		<p:messages id="messages" showDetail="true" autoUpdate="true" />
		
		<div style="margin-left: auto; margin-right:auto;">
		<p:panel id="mainPanel" header="Please log in to the application by providing your credentials" style="width:50%; min-width:300px; max-width:500px;" styleClass="noBorderGrid">
			
			<p:panelGrid columns="2" style="margin-top:10px;">

				<h:outputLabel for="j_username" value="#{prompts['userId']}" required="true" />
				<p:inputText id="j_username" value="#{loginBean.userId}" />

				<h:outputLabel for="j_password" value="#{prompts['password']}" required="true" />
				<p:password id="j_password" value="#{loginBean.password}" />
				
			</p:panelGrid>

			<br />

			<p:commandButton value="Login" action="#{loginBean.performLogin}" ajax="false" />

			<br />
			<br />

		</p:panel>
		</div>
		
	</h:form>
</h:body>
</html>